﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Order Completed</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>

</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Place Order</p>
                            <p>Your order is based on the information you provide in your quote. This process begins with the configuration details. You can select 'Edit' next to 'Quote Complete' to adjust data you provided in the original quote.</p>
                            <br />
                            <h2 class="order normal-gray">
                                Quote Complete
                                <img src="${contextPath }/resources/images/MCE-Mainsite-Icon.png" />
                            </h2>
                            <h2 class="order">Product Configuration</h2>
                            <h2 class="order">Shipping Details</h2>                            
                            <h2 class="order passed">Finish Order</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item">
                                    <span class="passed" style="margin-left: 5px;">
                                        STEP 1: Place Order
                                    </span>
                                </div>
                                <div class="quote-process-item-active">
                                    <span style="margin-left: 5px;">
                                        STEP 2: Order Complete
                                    </span>
                                </div>
                            </div>
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                            <div class="wrapDataContainer">
                                <div class="title">
                                    SUBMIT PRODUCT ORDER
                                </div>
                                <div class="wrap-item-container">
                                    <p class="mceTextOrange">
                                        JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                    </p>
                                </div>
                                <div class="wrap-item-container">
                                    <p class="dashboad-description">
                                        Your order has been placed, you should recieve an email confirming your order in the next 24 hours. Thanks
                                    </p>
                                </div>
                                <div class="wrap-item-container" style="margin: 0px;min-height: 23px">
                                    <h2 style="color:#ff6a00; font-size: 13px; margin-bottom: 0px;">Order Summary</h2>
                                </div>
                                <table class="orange">
                                    <tr>
                                        <td>
                                            <div class="wrap-item-container wd_343">
                                                <div class="html-control-container">
                                                    <div class="label-wrap bold">Order Number</div>
                                                    <div class="field-wrap">
                                                        20078857
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container wd_343" style="margin-bottom: 0px">
                                                <div class="html-control-container">
                                                    <div class="label-wrap bold">Currency</div>
                                                    <div class="field-wrap">
                                                        USD
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container wd_343" style="margin-bottom: 0px">
                                                <div class="html-control-container">
                                                    <div class="label-wrap bold">Quote Number</div>
                                                    <div class="field-wrap">
                                                        20078857
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>                                
                                
                                <div class="wrap-item-container">
                                    <div class="buttonContainer">
                                    	<input onclick="javascript:window.location.href='${contextPath }/create-quote'" type="button" style="float:none; text-transform:uppercase;" class="mce back" value="Start a New Quote"  />
                                    	<input onclick="javascript:window.open('${contextPath }/resources/files/PDFOrder.pdf')" type="button" style="float:none; text-transform:uppercase;" class="mce back" value=" DOWNLOAD ORDER"  />
                                        <input onclick="javascript:window.location.href='${contextPath}/mce-account'" type="button" style="float:none; text-transform:uppercase;" class="mce" value="Account" />
                                    </div>
                                </div>
	                            </div>

                       
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
